			.table-content-wrapper  {
				padding-bottom: 40px;
			}
			
			
			.form-wrapper .form-wrapper-content {
				width: 900px;
				margin: 0 auto;
			}

			.form-wrapper .from-title-wrapper {
				border-bottom: 1px solid #EEEEEE;
			}

			.yz-type-title {
				height: 90px;
				margin: 40px auto 0;
				display: flex;
				justify-content: center;
			}

			.yz-type-title .yz-step {
				float: left;
				width: 25%;
				color: #777;
				text-align: center;
				position: relative;
			}

			.yz-type-title .yz-step:after {
				content: "";
				width: 100%;
				height: 1px;
				border: 0;
				border-bottom: 2px dotted #c4c4c4;
				position: absolute;
				left: 0;
				top: 6px;
			}

			.yz-type-title .step-cur .icon-item:before {
				border-color: #6462F3;
			}

			.yz-type-title .step-cur:after {
				border-bottom: 2px solid #6462F3;
			}

			.yz-type-title .h-sort {
				font-weight: 700;
				line-height: 28px;
			}

			.yz-type-title .p-sort {
				font-size: 16px;
				line-height: 24px;
			}

			.yz-type-title .step-cur {
				color: #6462F3;
			}

			.yz-type-title .step1,
			.yz-type-title .step4 {
				width: 25%;
				text-align: left;
			}

			.yz-type-title .step2 {
				width: 50%;
			}

			.yz-type-title .step1 .icon-item:before {
				left: 30%;
			}

			.yz-type-title .step4 .icon-item:before {
				left: 62%;
			}

			.yz-type-title .step1 .h-sort {
				margin-left: 27%;
			}

			.yz-type-title .step1 .p-sort {
				margin-left: 15%;
			}

			.yz-type-title .step4 .h-sort {
				margin-left: 60%;
			}

			.yz-type-title .step4 .p-sort {
				margin-left: 56%;
			}

			.yz-step .icon-item {
				position: relative;
				width: 100%;
				height: 18px;
				margin-bottom: 16px;
			}

			.yz-step .icon-item .icon {
				position: absolute;
				font-size: 22px;
				z-index: 1;

			}

			.yz-type-title .icon-item:before {
				position: absolute;
				content: " ";
				display: block;
				height: 35px;
				width: 35px;

				z-index: 1;
				top: -10px;
			}
			
			.yz-type-title .step1 .icon-item:before {
				background: url(../img/editstep-default.png) no-repeat center;
				background-size: 100%;
			}
			
			.yz-type-title .step1.step-cur .icon-item:before {
				background: url(../img/editstep-select.png) no-repeat center;
				background-size: 100%;
			}
			
			
			.yz-type-title .step2 .icon-item:before {
				background: url(../img/submit_.png) no-repeat center;
				background-size: 100%;
			}
			
			.yz-type-title .step2.step-cur .icon-item:before {
				background: url(../img/Submit_cur.png) no-repeat center;
				background-size: 100%;
			}
			/* 这里的step4   实际上是第三步 */
			.yz-type-title .step4 .icon-item:before {
				background: url(../img/finish_.png) no-repeat center;
				background-size: 100%;
			}
			
			.yz-type-title .step4.step-cur .icon-item:before {
				background: url(../img/finish_cur.png) no-repeat center;
				background-size: 100%;
			}
			
			.yz-type-title .step4.step-cur .icon-item.fail:before {
				background: url(../img/fail_.png) no-repeat center;
				background-size: 100%;
			}
			
			

			.yz-type-title .step1 .icon-item:before {
				left: 27%;
			}

			.yz-type-title .step2 .icon-item:before {
				left: 50%;
				margin-left: -20px;
			}

			.el-form-item__content {
				display: flex;
				justify-content: flex-start;
			}

			.el-form-wrapper {
				margin-top: 37px;
			}

			.el-form-wrapper .demo-ruleForm {
				width: 460px;
				margin: 0 auto;
			}

			.el-form-wrapper .yzButton {
				width: 94px;
				height: 36px;
			}

			.el-form-wrapper .el-form-item__label {
				color: #777777;
			}

			.card-wrapper {
				margin-top: 40px;
			}

			.card-wrapper .card-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				height: 140px;
				box-sizing: border-box;
				border: 1px solid #EEEEEE;
				border-radius: 4px;
				cursor: pointer;

			}

			.card-wrapper .card-item:hover {
				background: #F8F8FF;
				border: 1px solid #6462F3;
			}

			.card-wrapper .card-item:hover .font {
				color: #6462F3;
			}


			.card-wrapper .card-item .img-wrapper {
				width: 42px;
				height: 28px;
				margin-bottom: 17px;
			}

			.card-wrapper .el-col:nth-child(1) .card-item .img-wrapper {
				background: url(../img/cardfront-default.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .el-col:nth-child(1):hover .card-item .img-wrapper {
				background: url(../img/cardfront-select.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .el-col:nth-child(2) .card-item .img-wrapper {
				background: url(../img/cardback-default.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .el-col:nth-child(2):hover .card-item .img-wrapper {
				background: url(../img/cardback-select.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .el-col:nth-child(3) .card-item .img-wrapper {
				background: url(../img/cardhandle-default.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .el-col:nth-child(3):hover .card-item .img-wrapper {
				background: url(../img/cardhandle-select.png) center no-repeat;
				background-size: 100%;
			}

			.card-wrapper .card-item .font {
				font-size: 16px;
				color: #777777;
			}

			.card-wrapper .card-desc {
				text-align: center;
				color: #999999;
			}

			.yzButton.nextstep {
				width: 90px;
				height: 36px;
				margin: 0 auto;
				margin-top: 40px;
			}
			.explain-wrapper  {
				width: 100%;
				    /* height: 120px; */
				    background: #F8F8FF;
				    border: 1px solid #EFEFFD;
				    border-radius: 4px;
				    box-sizing: border-box;
				    padding-left: 40px;
				    padding-top: 36px;
				    padding-bottom: 30px;
					margin-top: 20px;
			}
			.explain-wrapper .explain-item {
				line-height: 29px;
				color: #777777;
			}
			.explain-wrapper .title {
				font-size: 16px;
				margin-bottom: 10px;
			}
			
			.button-wrapper.step {
				border-top: none;
				justify-content: center;
			}
			
			.button-wrapper.step .yzButton {
				width: 90px;
				height: 36px;
			}
			
			.form-wrapper .yzButton.deep {
				background-color: #6462F3;
				color: #FFFFFF;
			}
			
			.form-wrapper .yzButton.lightToDeep {
				height: 36px;
				background: #FFFFFF;
				border: 1px solid #6462F3;
				border-radius: 4px;
				color: #6462F3;
			}
			.form-wrapper .yzButton.lightToDeep:hover {
				background-color: #6462F3;
				color: #FFFFFF;
			}
			.result-wrapper {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-top: 60px;
			}
			
			.result-wrapper > img {
				width: 140px;
			}
			.result-wrapper .result-content {
				margin-top: 35px;
			}
			.result-wrapper .result-content .desc {
				font-size: 18px;
				font-weight: 400;
				color: #1C1C20;
				line-height: 24px;
			}
			
			.result-wrapper .result-content .successDesc {
				font-size: 24px;
				font-weight: 400;
				color: #1C1C20;
				line-height: 24px;
				text-align: center;
			}
			
			.result-wrapper .result-content .failwrapper {
				
			}
			
			.result-wrapper .yzButton {
				width: 90px;
				margin-top: 60px;
				margin-bottom: 30px;
			}
			
			.result-wrapper .yzButton.deep {
				height: 36px;
				margin-top: 23px;
			}
			
			:-ms-input-placeholder.el-input__inner {
				color: #c0c4cc !important;
			}